// 存放系统全局的样式，系统通用的样式

html,
body,
#app {
	width: 100%;
	min-width: 1200px;
	height: 100vh;
	margin: 0;
	padding: 0;
	position: relative;
	font-family: "Microsoft Yahei UI", "Microsoft Yahei", 微软雅黑, "Segoe UI", Tahoma, Arial,
		宋体b8b体, SimSun, sans-serif;
}

$--scrollbar-thumb-background: #b4bccc;
$--scrollbar-track-background: #fff;
::-webkit-scrollbar {
	z-index: 11;
	width: 6px;
	&:horizontal {
		height: 6px;
	}
	&-thumb {
		border-radius: var(--card-border-radius);
		width: 6px;
		background: $--scrollbar-thumb-background;
	}
	&-corner {
		background: $--scrollbar-track-background;
	}
	&-track {
		background: $--scrollbar-track-background;
		&-piece {
			background: $--scrollbar-track-background;
			width: 6px;
		}
	}
}

/** 解决 el-input 删除图标导致长度不一致 */
:deep(.el-input__wrapper) {
	position: relative;

	.el-input__inner {
		padding-right: 18px;
	}
	.el-input__suffix {
		position: absolute;
		right: 8px;
		top: 50%;
		transform: translateY(-50%);
	}
}
